<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src="/moblie/002/js/mui.min.js"></script>
        <link href="/moblie/002/css/mui.min.css" rel="stylesheet" />
        <script type="text/javascript" charset="utf-8">
            window.onload = function() {
                var gallery = mui('.mui-slider');
                gallery.slider({
                    interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
                });
                /*document.getElementById('info').addEventListener('tap', function() {
                    mui('.mui-popover').popover('toggle');
                    //mui('.mui-off-canvas-wrap').offCanvas('show');
                });*/
            };
             //document.querySelector('#mySlider').addEventListener('slide', myFunction);
        </script>
    </head>

    <body>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-icon mui-icon-home mui-pull-left" href="/m"></a>
            <a href="#popover" id="info" class="mui-icon mui-icon-bars mui-pull-right" style="padding-right: 10px;"></a>
            <h1 class="mui-title">铭成龙毅</h1>
        </header>
        <div class="mui-content">
            <div id="popover" class="mui-popover">
                <ul class="mui-table-view">
                    <wowocms:navlist typeid='0'>
                        <li class="mui-table-view-cell"><a href="{$navlist.url}">{$navlist.name}</a>
                        </li>
                    </wowocms:navlist>
                </ul>
            </div>
            <!-- 幻灯图开始 -->
            <div id="slider" class="mui-slider">
                <div class="mui-slider-group mui-slider-loop">
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a42bc39e30.jpg">
                        </a>
                        <p class="mui-slider-title">
                            静静看这世界
                        </p>
                    </div>
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a46176754f.jpg">
                        </a>
                        <p class="mui-slider-title">
                            幸福就是可以一起睡觉
                        </p>
                    </div>
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a42ba8e94a.jpg">
                        </a>
                        <p class="mui-slider-title">
                            想要一间这样的木屋，静静的喝咖啡
                        </p>
                    </div>
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a46176754f.jpg">
                        </a>
                        <p class="mui-slider-title">
                            Color of SIP CBD
                        </p>
                    </div>
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a42ba8e94a.jpg">
                        </a>
                        <p class="mui-slider-title">
                            静静看这世界
                        </p>
                    </div>
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="#">
                            <img src="http://demo.0771mc.com/Uploads/image/2015-04-12/552a42ba8e94a.jpg">
                        </a>
                        <p class="mui-slider-title">
                            幸福就是可以一起睡觉
                        </p>
                    </div>
                </div>
                <div class="mui-slider-indicator mui-text-right">
                    <div class="mui-indicator mui-active"></div>
                    <div class="mui-indicator"></div>
                    <div class="mui-indicator"></div>
                    <div class="mui-indicator"></div>
                </div>
            </div>
            <!-- 幻灯图结束-->
            <!-- 新闻列表开始 -->
            <div id="list">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell mui-hidden">cared
                        <div id="M_Toggle" class="mui-switch mui-active">
                            <div class="mui-switch-handle"></div>
                        </div>
                    </li>
                    <wowocms:list model="article" limit="6">
                    <li class="mui-table-view-cell mui-media">
                        <a href="{$list.url}">
                            <img class="mui-media-object mui-pull-right" src="{$list.litpic|default_pic}">
                            <div class="mui-media-body">
                                {$list.title}
                                <p class='mui-ellipsis'>{$list.decription}</p>
                            </div>
                        </a>
                    </li>
                    </wowocms:list>
                </ul>
            </div>
            <!-- 新闻列表结束 -->
            <!-- 底部 -->
            <style>
                #foot{
                    margin-top: 15%;
                }
            </style>
            <div id="foot">
                <nav class="mui-bar mui-bar-tab">
                    <a class="mui-tab-item mui-active" href="tel:<wowocms:tel />">
                        <span class="mui-icon mui-icon-phone"></span>
                        <span class="mui-tab-label">电话咨询</span>
                    </a>

                    <a class="mui-tab-item" href="#tabbar-with-sms">
                        <span class="mui-icon mui-icon-email"></span>
                        <span class="mui-tab-label">短信咨询</span>
                    </a>
                    <a class="mui-tab-item" href="#tabbar-with-chat">
                        <span class="mui-icon mui-icon-compose"></span>
                        <span class="mui-tab-label">在线留言</span>
                    </a>
                </nav>
            </div>
            <!-- 底部结束 -->
        </div>

    </body>

</html>